<template>
	<!-- 帮助中心 -->
  <view class="box">
    <view class="help">
      <view class="end-cont">
      
      	<dl class="main" v-for="(item,index) in newList" :key="index" @click="jump(item.id)">
      		<dt>
      			<image :src="item.image" mode=""></image>
      		</dt>
      		<dd style="margin-top: 10rpx;">{{item.title}}</dd>
      		<dd class="time">{{item.createtime}}</dd>
      	</dl>
      
      </view>
    </view>
  </view>
  
  
</template>

<script>
  export default {
  	data() {
  		return {
  			newList:[
  				{
  					image:'https://cdn.uviewui.com/uview/swiper/3.jpg',
  					title:'交易密码设置教程',
  					createtime:'2021.9.6'
  				},
  				{
  					image:'https://cdn.uviewui.com/uview/swiper/3.jpg',
  					title:'社交',
  					createtime:'2021.9.6'
  				},
  			]
  		}
  	},
  	onLoad() {
  
  	},
  	methods: {
  		jump(){
        uni.navigateTo({
        	 url:"/pages/user/menu/helps"
        })
      }
  	}
  }
</script>

<style lang="scss" scoped>
 
  .help{
    margin:20rpx;
    background-color: white;
    box-shadow: 0rpx 0rpx 10rpx 0 #DADADA;
    padding-bottom:1000rpx;
    border-radius: 30rpx;
  }
  .end-cont {
  	overflow: hidden;
  	background-color: white;
  	padding:10rpx;
  	dl {
  		margin-top: 30rpx;
  		overflow: hidden;
  		border-bottom: 1rpx solid #DADADA;
  		padding: 18rpx 60rpx;
  	}
  
  	image {
  		width: 201rpx;
  		height: 129rpx;
  		border-radius: 10rpx;
  		float: right;
  		margin-bottom:10rpx;
  	}
  
  	.time {
  		font-size: 20rpx;
  		color: #999999;
  		margin-top: 30rpx;
  	}
  
  	dd {
  		padding-right: 15rpx;
  	}
  }
</style>
